<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>稽查</title>
    <link rel="import" href="/view/common/commoncsslink.html?__inline">
    <link rel="stylesheet" type="text/css" href="/css/main.css">    
    <link rel="import" href="/view/common/commonscriptlink.html?__inline">
</head>

<body>
    <link rel="import" href="/view/common/head.html?__inline">

        <!-- s-->
        <div id="main" class="container-fluid main">
            <div class="row">
                <div class="col-md-2" style="background: #328dc7;padding-right:0;z-index: 11;">
                    <div id="mum_left" class="mum_left">
                        <link rel="import" href="/view/mum.html?__inline">
                    </div>
                </div>
                <div class="col-md-10">
                    <div id="mum_right" class="mum_right">

                        <div class="panel">
                            <div class="panel-heading">
                                <ol class="breadcrumb" style="margin-bottom: 0;">
                                    <li class="active">收费人员班组列表</li>
                                </ol>
                            </div>
                            <div class="panel-body" id="main_content">
                                <!--  start -->
                                <div class="container-fluid ">
                                        <div class="row">
                                            <div class="col-sm-3">
                                                <div class="input-group">
                                                    <span class="input-group-addon">关键词</span>
                                                    <input class="form-control form-focus" autofocus type="text" placeholder="请输入关键词">
                                                </div>
                                            </div>
                                            
                                            <div class="col-sm-9">
                                                <button class="btn btn-primary " type="button">查询</button>
                                                <button class="btn btn-info" style="float:right;" type="button"><i class="icon icon-plus-sign"></i>添加班组</button>
                                            </div>
                                        </div>
                                        <hr>
                                        <div class="row">
                                            <!-- 使用一个div来显示数据表格 -->
                                            <div class="datatable" data-checkable="true" data-sortable="true"></div>
                                        </div>
                                        <div class="row" style="text-align:center">
                                            <ul class="pager center-block">
                                                <li class="previous"><a href="#">« 上一页</a></li>
                                                <li><a href="#">1</a></li>
                                                <li class="active"><a href="#">2</a></li>
                                                <li><a href="#">3</a></li>
                                                <li><a href="#">4</a></li>
                                                <li><a href="#">5</a></li>
                                                <li class="next"><a href="#">下一页 »</a></li>
                                            </ul>
                                        </div>

                                </div>
                                <!--  end -->          
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- e-->

    <link rel="import" href="/view/common/foot.html?__inline">
</body>

<script type="text/javascript">
     $(document).ready(function() {

         // 使用data参数更新数据：
        $('.datatable').datatable( {
            checkable:false,
            sortable:false,
            data: {
                cols: [
                    {width: 30, text: '序号', type: 'number', flex: false, colClass: 'text-center'},
                    {width: 160, text: '班组名称', type: 'date', flex: false, sort: 'down'},
                    {width: 80, text: '所属人员分类', type: 'string', flex: true, colClass: ''},
                    {width: 80, text: '班长', type: 'date', flex: false, sort: 'down'},
                    {width: 80, text: '副班长', type: 'string', flex: true, colClass: ''},
                    {width: 80, text: '人员', type: 'date', flex: false, sort: 'down'},
                    {width: 80, text: '操作', type: 'string', flex: true, colClass: ''},
                ],
                rows: [
                    {checked: false, data: [1, '收费一组','稽查人员','李明','李铭','王佳佳、李伟、李浩','<a href="#"><i class="icon icon-edit"></i> 修改</a> <a href="#"><i class="icon icon-remove-circle"></i> 删除</a>']},
                    {checked: false, data: [1, '收费一组','稽查人员','李明','李铭','王佳佳、李伟、李浩','<a href="#"><i class="icon icon-edit"></i> 修改</a> <a href="#"><i class="icon icon-remove-circle"></i> 删除</a>']},
                    {checked: false, data: [1, '收费一组','稽查人员','李明','李铭','王佳佳、李伟、李浩','<a href="#"><i class="icon icon-edit"></i> 修改</a> <a href="#"><i class="icon icon-remove-circle"></i> 删除</a>']},
                    {checked: false, data: [1, '收费一组','稽查人员','李明','李铭','王佳佳、李伟、李浩','<a href="#"><i class="icon icon-edit"></i> 修改</a> <a href="#"><i class="icon icon-remove-circle"></i> 删除</a>']},
                    {checked: false, data: [1, '收费一组','稽查人员','李明','李铭','王佳佳、李伟、李浩','<a href="#"><i class="icon icon-edit"></i> 修改</a> <a href="#"><i class="icon icon-remove-circle"></i> 删除</a>']},
                    {checked: false, data: [1, '收费一组','稽查人员','李明','李铭','王佳佳、李伟、李浩','<a href="#"><i class="icon icon-edit"></i> 修改</a> <a href="#"><i class="icon icon-remove-circle"></i> 删除</a>']},
                ]
            }
        });
    })
</script>

</html>